import React from "react";
import { Carousel, WingBlank } from 'antd-mobile';
import 'antd-mobile/dist/antd-mobile.css';

export default class Hot_class extends React.Component {
    render() {
        return (
            <div>
                <h2 style={{fontSize:'18px',fontWeight:'bold',margin:'0  0  0 5px',lineHeight:'34px',borderBottom:'0.5px solid lightgray'}}>热门课程</h2>
                <Carousel
                    autoplay={false}
                    infinite
                    beforeChange={(from, to) => console.log(`slide from ${from} to ${to}`)}
                    afterChange={index => console.log('slide to', index)}
                >
                    <div className="hotclasses">
                        <div className="hotclasses1">
                            <img className="hotclassesimgl" src={[require("../../../imgs/fund_school/1.jpg")]} />
                            <img className="hotclassesimgr" src={[require("../../../imgs/fund_school/2.jpg")]} />
                        </div>
                        <div className="hotclasses2">
                            <img className="hotclassesimgl" src={[require("../../../imgs/fund_school/3.jpg")]} />
                            <img className="hotclassesimgr" src={[require("../../../imgs/fund_school/4.jpg")]} />
                        </div>
                    </div>
                    <div className="hotclasses">
                        <div className="hotclasses1">
                            <img className="hotclassesimgl" src={[require("../../../imgs/fund_school/5.jpg")]} />
                            <img className="hotclassesimgr" src={[require("../../../imgs/fund_school/6.jpg")]} />
                        </div>
                        <div className="hotclasses2">
                            <img className="hotclassesimgl" src={[require("../../../imgs/fund_school/7.jpg")]} />
                            <img className="hotclassesimgr" src={[require("../../../imgs/fund_school/8.jpg")]} />
                        </div>
                    </div>
                    <div className="hotclasses">
                        <div className="hotclasses1">
                            <img className="hotclassesimgl" src={[require("../../../imgs/fund_school/9.jpg")]} />
                            <img className="hotclassesimgr" src={[require("../../../imgs/fund_school/10.jpg")]} />
                        </div>
                        <div className="hotclasses2">
                            <img className="hotclassesimgl" src={[require("../../../imgs/fund_school/11.jpg")]} />
                            <img className="hotclassesimgr" src={[require("../../../imgs/fund_school/12.jpg")]} />
                        </div>
                    </div>
                </Carousel>
            </div>
        );
    }
}